@charset "utf-8";

/* base */
body,a{color: #333;}
.container .position p{border-bottom-color: #005fb3;}
.page a:hover{border-color: #005fb3;color:#005fb3;}
a:hover,
.container .position p span,
.foot-button em,
.foot-button i,
.foot-button a:hover span,
.foot-button a.active span,
.online_box p:hover::after,
.online_box p span:hover,
.online_box p.r_open:hover{color: #005fb3;}
.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #005fb3;}
.swiper-pagination-white .swiper-pagination-bullet-active{background-color: #fa0;}

/* headbox */
.headbg{height: 100px;}
.headbox{width: 100%;height: 90px;box-shadow: 0 3px 6px rgba(128,128,128,.2);left: 0;top: 0;z-index: 999999;background-color: #fff;position: fixed;}
.headbox .w1440{height: 100%;}
.headbox .logo{height:100%;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 3;}
.headbox .logo a{padding: 25px 0;display: block;height: 100%;}
.headbox .logo p{height: 100%;}
.headbox .logo img{max-height: 100%;}

.headbox .telbox{position: absolute;right: 0;top: 0;height: 100%;z-index: 4;}
.headbox .telbox .txt{padding: 5px;float: left;height: 100%;display: none;}
.headbox .telbox .txt > p{width: 36px;height: 36px;border: 1px solid #ddd;background: #fff;text-align: center;color: #808080;cursor: pointer;font-size: 16px;position: relative;top: 50%;margin-top: -18px;}
.headbox .telbox .txt > p a{color: #aaa;line-height: 34px;font-size: 15px;}
.headbox .telbox .txt > p svg{height: 34px;line-height: 34px;}
.headbox .telbox .txt .text{width: 300px;position: absolute;right: 0;top: 100%;overflow: hidden;height: 0;background: rgba(255,255,255,.9);opacity: 0;}

.headbox .telbox .search{display: block;}
.headbox .telbox .search span{width: 180px;padding: 8px;display: block;height: 36px;position: absolute;left: 10px;top: 50%;margin-top: -18px;z-index: 1;border: 1px solid #ddd;background: #fff;border-radius: 3px;}
.headbox .telbox .search span input{float: left;line-height: 18px;width: 100%;}
.headbox .telbox .search i,
.headbox .telbox .search em{display: block;width: 36px;height: 36px;position: absolute;right: 10px;top: 50%;margin-top: -18px;z-index: 3;}
.headbox .telbox .search .text2{width: 360px;position: absolute;right: 0;top: 100%;overflow: hidden;height: 0;background: rgba(255,255,255,.8);opacity: 0;padding: 0 50px 0 10px;box-shadow: 0 2px 5px rgba(0,0,0,0);}
.headbox .telbox .search i{background: #005fb3;text-align: center;z-index: 2;border-radius: 3px;}
.headbox .telbox .search i svg{height: 36px;line-height: 36px;font-size: 16px;color: #fff;}
.headbox .telbox .search em input{display: block;width: 100%;height: 100%;background: none;cursor: pointer;}
.headbox .telbox .search select{width: 118px;background: #fff;border: 1px solid #ddd;border-radius: 3px;height: 36px;position: absolute;right: 49px;top: 50%;margin-top: -18px;resize: none;outline: none;}

.headbox .telbox .tel .text{text-align: center;width: 270px;}
.headbox .telbox .tel .text *{display: inline-block;overflow: hidden;color: #808080;line-height: 48px;}
.headbox .telbox .tel .text span{font-size: 20px;color: #005fb3;}

.headbox .telbox .ewm .text{width: 150px;}
.headbox .telbox .ewm .text img{width: 100%;}

.headbox .telbox .search:hover .text2{height: 50px;padding: 7px 50px 7px 10px;box-shadow: 0 2px 5px rgba(0,0,0,.1);opacity: 1;}
.headbox .telbox .txt:hover > p{background: #005fb3;border-color: #005fb3;color: #fff;}
.headbox .telbox .txt:hover > p a{color: #fff;}
.headbox .telbox .txt:hover .text{height: 50px;border: 1px solid #ddd;opacity: 1;}
.headbox .telbox .ewm:hover .text{height: 150px;}

@media only screen and (min-width:1025px){
.headbg,
.headbox{height: 90px;}
.headbox .w1440{padding: 0 100px 0 270px;}
.headbox .telbox .en{display: block;}
.headbox.nav-fixed{height: 80px;}
.headbox.nav-fixed .logo a{padding: 20px 0;}

.headbox .navbox{width: 100%;float: right;max-width: 800px;height: 100%;}
.headbox .navbox ul{display: flex;flex-wrap: nowrap;height: 100%;}
.headbox .navbox ul li{float: left;text-align: center;position: relative;width: 14%;flex-shrink: 0;}
.headbox .navbox ul li[t="en"]{display: none;}
.headbox .navbox ul li a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.headbox .navbox ul li > a{font-size: 15px;font-weight: 600;line-height: 50px;position: relative;top: 50%;margin-top: -25px;}

.headbox .navbox ul li dl{width: 140px;position: absolute;left: 50%;top: 150%;margin-left: -70px;background: rgba(0,97,166,.9);opacity: 0;border-radius: 3px;}
.headbox .navbox ul li dl::before{width: 100%;height: 0;position: absolute;left: 0;top: -15px;content: "\e65f";font-size: 21px;color: rgba(0,97,166,.9);overflow: hidden;line-height: 24px;}
.headbox .navbox ul li dl a{height: 0;padding: 0 5px;color: #fff;line-height: 45px;border-top: 0 solid rgba(255,255,255,.2);font-size: 14px;}
.headbox .navbox ul li dl dd:first-child a{border: none;}
.headbox .navbox ul li dl a:hover{background: #fa0;font-weight: 600;}
.headbox .navbox ul li:hover dl{top: 100%;opacity: 1;box-shadow: 0 2px 6px rgba(0,0,0,.2);}
.headbox .navbox ul li:hover dl::before{height: 15px;}
.headbox .navbox ul li:hover dl a{height: 45px;border-top-width: 1px;}
.headbox .navbox ul li.active > a{color: #005fb3;}
}
@media only screen and (min-width:1250px){
.headbg,
.headbox{height: 100px;}
.headbox .w1440{padding: 0 150px 0 320px;}
.headbox .telbox .tel{display: block;}
.headbox.nav-fixed .logo a{padding: 15px 0;}
}
@media only screen and (min-width:1440px){
.headbox .w1440{padding: 0 160px 0 350px;}
}
@media only screen and (max-width:1024px){
.headbg{height: 60px;}
.headbox{width: 100%;height: 60px;}
.headbox .w1440{padding: 0;width: 100%;}
.headbox .w1440::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: #fff;}
.headbox .logo{left: 2%;}
.headbox .logo a{padding: 8px 0;}

.headbox .navbox{width: 100%;height: 0;overflow: hidden;position:fixed;left: 0;top:0;background:#333;z-index: 1;}
.headbox .navbox.nav_on{height:100%;}
.headbox .navbox ul{width:100%;height:calc(100vh - 130px);overflow-y:auto;position:absolute;left:0;top:70px;padding:0 3%;}
.headbox .navbox ul li{width:100%;border-bottom:1px solid #555;padding: 0;position: relative;z-index: 5;-webkit-transition: .5s;transition: .5s;}
.headbox .navbox ul li a{display: block;width: 100%;color: #fff;overflow: hidden;position: relative;z-index: 1;}
.headbox .navbox ul li > a{line-height: 50px;padding: 0 10px;font-size: 14px;}
.headbox .navbox ul li > a em{font-style: normal;padding-right: 10px;}
.headbox .navbox ul li.active,
.headbox .navbox ul li:hover{z-index: 6;}
.headbox .navbox ul li.active > a{color: #2b9fd9;}

.headbox .navbox ul li dl{width: 100%;position: absolute;left: 0;top: 100%;background: #0a8bcc;z-index: 2;}
.headbox .navbox ul li dl::after{content: "\e660";width: 50px;height: 50px;position: absolute;top: -50px;right: 0;text-align: center;line-height: 50px;color: #ccc;font-size: 16px;z-index: 0;}
.headbox .navbox ul li dl a{display: block;width: 100%;line-height: 40px;height: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;font-size: 14px;background: #0077b3;padding: 0 15px;}
.headbox .navbox ul li dl a:hover{background: #ffbf00;font-weight: 600;}
.headbox .navbox ul li:hover dl a{height: 40px;margin-top: 1px;}
.headbox .navbox ul li:hover dl dd:first-child a{margin: 0;}

.headbox .telbox{padding-right: 70px;}
.headbox .telbox .txt p{width: 32px;height: 32px;margin-top: -16px;border-radius: 50px;background: #005fb3;color: #fff;border: 0;}
.headbox .telbox .txt p svg{height: 32px;line-height: 32px;}
.headbox .telbox .txt p:hover{background: #fa0;}
}
@media only screen and (max-width:768px){
.headbg,
.headbox{height: 50px;}
.navbox ul{height:calc(100vh - 120px);top:60px;}
.headbox .telbox{padding-right: 60px;}
}

/*banner*/
.bannerpic{height: 0;padding-bottom: 500px;}
#bannerpic .btn span{background: #aaa;border: 3px solid #fff;}
#bannerpic .btn span.on{border-color: #7fd4ff;}
#shutter .btn p{background: rgba(0,0,0,.3);}
#shutter .btn p:hover{background: rgba(0,97,166,.7);}

@media only screen and (max-width:1350px){
.bannerpic{padding-bottom: 37%;}
}
@media only screen and (max-width:768px){
#bannerpic .btn span.on{border-color: #fff;background: #fa0;}
}

/* foot */
.footbox{background:#2d2d2d;color: #aaa;line-height: 30px;}
.footbox .w1440{padding: 60px 0 50px;}
.footbox a{color: #aaa;}
.footbox a:hover{color: #fff;}

.footbox .txt{width: 13%;float: left;padding: 0 2%;overflow: hidden;}
.footbox .txt .tit{width: 100%;padding-bottom: 20px;line-height: 24px;font-size: 15px;color: #fff;font-weight: 600;}

.footbox .txt.foot_txt{width: 26%;padding-left: 0;}
.footbox .foot_txt img.flogo{height: 40px;}
.footbox .foot_txt p{padding: 0 5px;}
.footbox .foot_txt strong{font-size: 15px;color: #fff;padding: 20px 0 5px;display: block;}

.footbox .txt.foot_pro{width: 15%;}
.footbox .txt.foot_cta{width: 20%;padding-right: 0;}

@media only screen and (max-width:1440px){
.footbox .txt{width: 12%;}
.footbox .txt.foot_txt{width: 28%;}
}
@media only screen and (max-width:1250px){
.footbox .w1440{padding: 50px 0 40px;font-size: 13px;}
.footbox .txt{width: 11%;padding: 0 1%;}
.footbox .txt.foot_txt{width: 30%;}
.footbox .foot_txt img.flogo{height: 36px;}
.footbox .txt.foot_cta{width: 22%;}
}
@media only screen and (max-width:1024px){
.footbox .w1440{padding: 15px 0;text-align: center;}
.footbox .txt,
.footbox .foot_txt img.flogo{display: none;}
.footbox .txt.foot_txt{width: 100%;display: block;padding: 0;}
.footbox .foot_txt p{display: inline;}
.footbox .foot_txt strong{font-weight: normal;padding: 0;color: #aaa;display: inline;}
.footbox .foot_txt .text{display: inline;}
}
@media only screen and (max-width:768px){
.footbox .foot_txt{padding: 5px;}
.footbox .foot_txt .text{line-height: 24px;}
}